#tab_control {
  color: #333333;
  margin-bottom: 1em;
  .tabs {
    float: left;
    width: 100%;
    margin-right: -4px;
    .tab {
      background-color: #e4e4e4;
      color: black;
      display: inline-block;
      font-size: 90%;
      text-align: left;
      margin-right: 5px;
      padding: 8px 15px 5px;
      text-decoration: none;
      text-transform: titlecase;
      @include border-top-radius(6px);
      &.here {
        background-color: white;
        color: #737272;
        font-weight: bold;
      }
      span:hover {
        color: #737272;
      }
      .close {
        margin-top: -4px;
        margin-left: 5px;
        margin-right: -5px;
      }
    }
  }
  .pages {
    background: white;
    width: 100%;
    clear: both;
    .page {
      background: white;
      @include linear-gradient(color-stops(white, #f5f1e2 15%, #f5f1e2));
      @include single-box-shadow(rgba(0, 0, 0, 0.15), 2px, 2px, 3px);
      padding: 12px 20px 20px;
      p {
        margin-top: 0;
      }
      label {
        display: inline;
        color: #333333;
        font-weight: normal;
        font-size: 80%;
        text-shadow: none;
      }
    }
    .reference_links {
      font-size: 85%;
      margin-left: 1em;
      float: right;
      a {
        color: #0066cc;
      }
    }
  }
}

.tabs {
  #tab_toolbar {
    float: right;
    overflow: hidden;
    margin-top: 0.2em;
    padding: 3px;
  }
}

.reference_links {
  font-size: 85%;
  span {
    padding: 0 0 0 4px;
    a {
      color: #4444ee;
    }
  }
}

#tag_reference_link {
  margin: 0 0.5em;
}

body.reversed {
  #tab_control {
    textarea {
      border: 1px solid #cccccc;
    }
  }
}
